<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <meta charset="UTF-8">
    <meta name=description content="www">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/favicon.png" type="image/x-icon">
    <title>Flycran-搜你所想</title>
</head>

<body>
    <!-- 子窗口 -->
    <%- include('./view/childwin.html') %>

    <!-- 调色板 -->
    <%- include('./view/palette.html') %>

    <!-- 幕布 -->
    <%- include('./view/curtain.html') %>

    <!-- 侧边栏 -->
    <%- include('./view/sidebar.html') %>

    <!-- 滚动条 -->
    <%- include('./view/scroll-bar.html') %>

    <!-- 头部 -->
    <%- include('./view/header.html') %>

    <main class="www">
        <nav class="classif-nav unit backColor">
            <ul>
                <li name="文章">文章</li>
                <li name="小记">小记</li>
                <li name="动态">动态</li>
            </ul>
            <div class="search-box">
                <input id="search-kw" type="text" placeholder="搜一搜 · 更精彩" name="kw">
                <button class="search-btn">搜索</button>
            </div>
        </nav>

        <!-- 文章列表 -->
        <%- include('./view/article-list.html') %>

        <div class="paging unit backColor1">
            <button disabled>
                上一页
            </button>
            <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
            <a href="javascript:;">...</a>
            <a href="">10</a>
            <a href="">11</a>
            <a href="">12</a>
            <button>
                下一页
            </button>
            <input id="page-num-input" maxlength="6" type="text" placeholder="页码">
            <button>跳转</button>
        </div>
    </main>
    <!-- 尾部 -->
    <%- include('./view/footer.html') %>
</body>

</html>